• Opinionated Toast Component For React – Sonner

    Updated: 2023-02-27 07:44:35
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Notification Opinionated Toast Component For React Sonner Opinionated Toast Component For React Sonner An opinionated toast component for React . It’s customizable but styled by default . Comes with a swipe to dismiss . animation How to use : it 1. Install and import the Sonner . component Yarn yarn add sonner NPM npm i sonner import Toaster , toast from sonner' 2. Create toasts as : follows default toast

  • Toast Your Messages With Emoji

    Updated: 2023-02-23 10:30:46
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Notification Toast Your Messages With Emoji Toast Your Messages With Emoji A React toast component to toast your messages with . emojis How to use : it 1. Install and . import Yarn yarn add emotion react emotion styled framer-motion hanseo0507 react-toast import React from react' import ReactDOM from react-dom client' import ToastProvider from hanseo0507 react-toast' import App from App'

  • Multiple Selection Dropdown Component For React

    Updated: 2023-02-15 09:09:44
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Form Multiple Selection Dropdown Component For React Multiple Selection Dropdown Component For React A lightweight , zero-dependency , themeable multiple select component with support for check boxes , select all , and live . search How to use : it 1. Install and import the multiple select . component Yarn yarn add react-multi-select-component NPM npm i react-multi-select-component import React , useState

  • Circular Progress Indicator For React Native

    Updated: 2023-02-13 08:15:32
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Loading Circular Progress Indicator For React Native Circular Progress Indicator For React Native A simple and customizable React Native circular progress indicator . component How to use : it 1. Install . import Yarn yarn add react-native-circular-progress-indicator NPM npm i react-native-circular-progress-indicator import CircularProgress from react-native-circular-progress-indicator' 2. Basic . usage 3.

  • Fully customizable QR Codes generator for React Native

    Updated: 2023-02-09 09:07:41
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Others Fully customizable QR Codes generator for React Native Fully customizable QR Codes generator for React Native A fully customizable QR Codes generator for React Native using . react-native-svg How to use : it 1. . Installation Yarn yarn add react-native-svg react-native-qrcode-styled NPM npm i react-native-svg react-native-qrcode-styled 2. Import the QRCodeStyled . component import QRCodeStyled from

  • Animated Collapsible Invoice In React Native

    Updated: 2023-02-07 11:02:23
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Others Animated Collapsible Invoice In React Native Animated Collapsible Invoice In React Native A simple React Native component to help create animated collapsible invoices in your app . Perfect for the E-commerce applications to show the list of bills or invoices in the user orders . section How to use : it 1. Install and import the . component NPM npm i react-native-collapsible-invoice import

  • Pick Date In Week/Month View – Week Month Date Picker

    Updated: 2023-02-06 08:46:57
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Date Time Pick Date In Week Month View Week Month Date Picker Pick Date In Week Month View Week Month Date Picker A React Native date picker component that allows you to pick a date in a week or month . view How to use : it 1. Install and import necessary . components NPM npm i react-native-week-month-date-picker import addDays from date-fns' import as React from react' import SafeAreaView , StyleSheet ,

  • Truncated Text View Component For React Native

    Updated: 2023-02-02 00:17:04
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Text Truncated Text View Component For React Native Truncated Text View Component For React Native A component to smoothly truncate and expand text in React Native . apps How to use : it 1. . Installation Yarn yarn add react-native-truncated-text-view NPM npm i react-native-truncated-text-view 2. Import the TruncatedTextView . component import as React from react' import StyleSheet , View , Text from

  • Minimal FAQ Accordion Component For React Native

    Updated: 2023-02-01 09:47:37
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Others Minimal FAQ Accordion Component For React Native Minimal FAQ Accordion Component For React Native A simple , lightweight , configurable FAQ accordion component for React Native . apps How to use : it 1. Install and import the FAQ . component NPM npm i email protected import FaqComponent from rn-simple-faq' 2. Add the FAQ component to the . app 3. Add your own questions and answers to the . FAQ const

  • SVG QR Code Generator For React Native

    Updated: 2023-01-31 10:29:52
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Others SVG QR Code Generator For React Native SVG QR Code Generator For React Native A React Native component to generate Telegram-style SVG QR codes using react-native-svg How to use : it 1. Install . import Yarn yarn add react-native-svg exzos28 react-native-qrcode-svg NPM npm i react-native-svg exzos28 react-native-qrcode-svg import React from react' import StyleSheet , View , Text from react-native'

Current Feed Items | Previous Months Items

Jan 2023 | Dec 2022 | Nov 2022